html{background:#f1f1f1}
iframe{max-width:100%}
select{padding:8px 10px}
.information-page img{max-width:100%;height:auto}
.buttons{border:0!important;padding:0!important}
.btn{border-radius:0}
.btn-default{background-color:#999}
.btn-default:hover{background-color:#3a3a3a}
[data-hint]:after{font-family:'Poppins';font-size:13px}
@media only screen and (min-width: 1200px) {
#container,#header,#footer,.bottom-footer > div,.bottom-footer.boxed-bar{max-width:calc(100% - 200px)!important}
.home-page #top-modules .journal2_simple_slider{max-width:calc(100% - 200px)!important;margin:auto}
}
.home-page.extended-layout .extended-container{display:none}
.home-page.extended-layout #content{padding:0}
.home-page #top-modules{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#fff 16%,#dfdedd 16%,#dfdedd 100%);background:-webkit-linear-gradient(top,#fff 0%,#fff 16%,#dfdedd 16%,#dfdedd 100%);background:linear-gradient(to bottom,#fff 0%,#fff 16%,#dfdedd 16%,#dfdedd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dfdedd',GradientType=0)}
/* header */
.home-page .header{border:0}
.journal-header-center #header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:130px}
.journal-logo{width:260px;display:flex;align-items:center}
#logo{height:auto}
#logo a img.logo-1x,#logo a img.logo-2x{position:static;transform:none;-webkit-transform:none;max-height:100%;width:auto}
.journal-menu{width:auto;display:flex;justify-content:center;-webkit-justify-content:center;flex-grow:1}
.super-menu{display:block;width:auto}
.super-menu .drop-down ul li a{padding:12px 20px;text-align:center}
.journal-menu .mobile-menu > li .mobile-plus{height:60px; line-height:60px; font-weight: 400}
.right-area{width:auto;margin-left:auto;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:flex-end;-webkit-justify-content:flex-end}
.right-area .header-icon{width:56px!important;text-align:center}
header .journal-secondary a{line-height:40px}
.journal-header-mega .journal-search{margin-right:30px}
.journal-header-center .button-search button{margin-right:20px}
#header #search{-webkit-transition:width .5s;transition:width .5s}
#header #search input{position:absolute;right:50px;height:0;min-height:0;height:40px;padding:0 10px;background:#fff;text-align:right;opacity:0;-webkit-transition:width .5s;transition:width .5s}
#header #search:hover input,#header #search input:focus,#header #search:focus input,#header #search:active input{width:160px;max-width:160px;border-bottom:1px solid #ccc;opacity:1}
.button-search button{cursor:pointer}
.journal-header-center .autocomplete2-suggestions{width:160px!important;left:-165px}
.journal-header-center .autocomplete2-suggestions::before{left:40%}
.autocomplete2-suggestion .p-name{text-align:left}
footer,#footer{display:none}
/* slider */
.home-page .owl-carousel{margin-bottom:0}
.home-page .journal2_slider{height:calc(100vh - 100px)}
.journal-simple-slider .owl-prev,.journal-simple-slider .owl-next{background:rgba(80,80,80,.5);width:50px;height:50px;text-align:center;line-height:48px}
.journal-simple-slider .owl-prev{left:0!important}
.journal-simple-slider .owl-next{right:0!important}
.journal-simple-slider .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:calc(100vh - 130px)}
.journal2_simple_slider .swiper-button-prev{left:60px}
.journal2_simple_slider .swiper-button-next{right:60px}
.journal2_simple_slider .swiper-button-prev:before{content:'\e91c';font-size:40px;color:#fff}
.journal2_simple_slider .swiper-button-next:before{content:'\e900';font-size:40px;color:#fff}
/* products without option */
.product-page-35 .options,.product-page-36 .options {display:none !important}
/* magnific popup */
.mfp-close-btn-in .mfp-close{color:#FFF}
.mfp-close{top:-10px;right:-45px;font-size:0!important}
.mfp-close:before{display:block;font-family:'journal-icons';content:'\e91f';font-size:24px}
img.mfp-img{padding:0;margin-top:10px}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{right:-36px}
.mfp-counter{display:none}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b,.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border:0}
.mfp-arrow:after{font-family:'journal-icons';color:#FFF;font-size:24px;border:0}
.mfp-arrow-left:after{content:'\e91c'}
.mfp-arrow-right:after{content:'\e900'}
/* category */
.category-page .heading-title{margin-bottom:0}
.product-filter,.category-info{display:none}
.category-page .refine-image a{position:relative}
.category-page .refine-image a .refine-category-name{position:absolute;bottom:30px;padding:12px;width:130px;left:50%;margin-left:-65px;background:rgba(255,255,255,.5)}
.product-wrapper{padding:30px 0}
.pagination{display:none}
.product-grid-item .name{padding:0 10px}
.product-grid-item .name a, .posts h2 a{line-height: 24px}
.product-wrapper div[data-poip_id="poip_img"]{display:flex;justify-content:center;align-items:center;height:36px}
.preview-option{display:flex;justify-content:center;align-items:center;padding:0;margin:0;width:36px;height:36px}
.preview-option img{display:inline;width:30px;height:30px;border-radius:50%}
.preview-option:hover img{width:36px;height:36px}
/* product page */
.product-page.extended-layout #content{margin:40px 0;padding-top:40px!important;background:#fff;left:-40px;width:calc(100% + 80px)}
.product-page.extended-layout #content h1{margin-left:40px}
.product-info{overflow: visible;}
.product-info .left{border-right:1px solid #ccc}
.product-info .right .image-additional{clear:both;overflow:hidden;position:relative;text-align:center}
.product-info .right .image-additional a{padding:0 20px 20px 0;position:relative;display:inline-block;float:left;transition:opacity .2s}
.product-info .right .image-additional a img{width:100%;float:left;height:auto}
.product-info .right{padding:0 50px}
.product-info .right .image-additional{padding:0; background-color:#fff}
#product-gallery.image-additional-grid a{padding:0 15px 15px 0}
.oc2 .product-info .right .options .option label{width:auto;float:left;margin-right:20px;line-height:52px}
.oc2 .product-info .right .options .option label:before{display:none}
.product-info .option ul{display:block;float:left}
.product-info .right > div > .options{padding-bottom:30px;padding-left:0;margin-bottom:20px;border-bottom:1px solid #ccc}
.product-info .option ul li{margin-right: 4px}
.product-info .right .description{display:none!important}
.product-tabs #tabs{display:none}
.product-info .tab-content,.tab-content,.quickview .tab-content{background-color:#fff!important;padding:40px 40px 20px!important;border-top:1px solid #ccc}
/* other */
.information-page.extended-layout #content{margin:40px 0;padding:40px;background:#fff;left:-40px;width:calc(100% + 80px)}
.lg-toolbar, .lg-sub-html{background-color: rgba(0,0,0,.5)!important;}
.scroll-top{bottom:100px;background:#eee;padding:6px 12px;transition:all .9s ease-out 0}
.scroll-top.up{content:'\e91e'}
.scroll-top.down:before{content:'\e91d'}
@media only screen and (max-width: 1615px) {
.journal-header-mega .journal-logo{padding-left:0!important}
.home-page .journal2_simple_slider{padding:0!important}
.journal2_simple_slider .swiper-button-prev{left:20px}
.journal2_simple_slider .swiper-button-next{right:20px}
.product-page.extended-layout #content{padding-left:0!important; padding-right:0!important;}
}
@media only screen and (max-width: 1290px) {
#header,#footer,.bottom-footer > div,.bottom-footer.boxed-bar{padding-left:30px;padding-right:30px}
.journal-header-center #header{height:100px}
.journal-logo{width:240px}
ul.menu-centered > li > a, .journal-desktop .menu-floated > li > a{padding:0 15px!important;}
.super-menu > li > a,header .journal-secondary a,.product-grid-item .name a,.posts h2 a{font-size:18px!important}
#container{padding-left:10px;padding-right:10px}
.information-page.extended-layout #content{margin:0;padding:20px!important;left:auto;width:100%}
}
@media only screen and (max-width: 1200px) {
.product-page.extended-layout #container{padding:0;border-top:1px solid #b2b2b2}
.product-page.extended-layout #content{margin:0;left:auto;width:100%;padding-left:30px!important;padding-right: 30px!important;}
.product-page.extended-layout #content h1{margin-left:0}
.information-page.extended-layout #container{padding:0;border-top:1px solid #b2b2b2}
.information-page.extended-layout #content{margin:0;padding:20px!important;left:auto;width:100%}
.product-info .right{padding-right:0}
.product-info .right > div > .options{padding-bottom:20px}
.product-info .tab-content, .tab-content, .quickview .tab-content{padding-left:0!important;padding-right:0!important}
}
@media only screen and (max-width: 986px) {
.journal-logo{width:200px}
.super-menu > li > a,header .journal-secondary a,.product-grid-item .name a,.posts h2 a{font-size:16px!important}
ul.menu-centered > li > a,.journal-desktop .menu-floated > li > a{padding:0 15px!important}
.button-search i:before{font-size:24px!important}
.journal-header-center .button-search button{margin-right:10px!important;pointer-events:none!important}
.journal-simple-slider .swiper-slide{background-position-x:20%}
.product-info .right{padding-left:30px}
#product-gallery.image-additional-grid a{padding:0 10px 10px 0}
}
@media only screen and (max-width: 898px) and (min-width: 761px) {
.journal-header-center .journal-menu{position: relative;top:-20px; justify-content: flex-end; }
.right-area{position: relative;top:-50px}
.journal-desktop .menu-floated > li:last-child > a{padding-right:0!important;}
}
@media only screen and (max-width: 760px) {
#header,#footer,.bottom-footer > div,.bottom-footer.boxed-bar{padding-left:20px;padding-right:20px}
#container{padding-left:0;padding-right:0}
.mobile-trigger{display:flex;justify-content:center}
.super-menu{position:absolute;left:0;top:100px;right:0;width:100%;border-top:1px solid #000;z-index:20}
.journal-menu .mobile-menu > li{padding:10px 0}
.journal-menu .mobile-menu > li > a{padding-left:20px}
.journal-header-center .journal-secondary{background-color:transparent!important}
.journal-header-mega .journal-search{margin-right:10px!important;margin-left:10px;z-index:0}
#header #search input{z-index:10}
.button-search,.journal-header-center .button-search{border-right:0;border-left:1px solid #000;padding-left:10px}
.journal-header-center .journal-secondary{z-index:-1}
.bottom-menu-bar body{padding-bottom:0!important}
.product-page.extended-layout #content{padding:20px 20px 0 20px!important; }
.product-info .right{padding:20px 0; border-top: 1px solid #ccc}
.product-info > div#poip_images{display: none!important;}
.product-info .left{border-right:0 }
.product-page.extended-layout #content h1,.information-page.extended-layout #content h1{text-align:center;margin-top:0}
}
@media screen and (max-width: 600px) {
.journal-header-center #header{height:auto}
.journal-header-mega .journal-logo{margin-top:10px}
#logo a{max-width:240px}
.mobile-trigger{justify-content:flex-end}
.journal-menu{justify-content:flex-end}
header .journal-menu .mobile-trigger{margin-top:5px!important;margin-right:5px}
.super-menu{top:90px}
.journal-menu .mobile-menu li:last-of-type .mobile-plus{margin-top:12px}
.right-area{width:100%;height:70px;border-top:1px solid #b2b2b2;margin-top:10px;padding:15px 0}
.button-search,.journal-header-center .button-search{border-left:1px solid #b2b2b2}
#header .top-menu{justify-content:flex-start}
.journal-simple-slider .swiper-slide{height:460px}
.product-page.extended-layout .right-area,.information-page.extended-layout .right-area{border-bottom:1px solid #b2b2b2}
.product-page.extended-layout #container,.information-page.extended-layout #container{border-top:0}
.product-info .right{padding:10px 0}
}
@media screen and (max-width: 480px) {
.product-info .right > div > .options{padding-right:0}
.product-info .right .options .option{display:flex; align-items: flex-start; margin-top:4px}
.oc2 .product-info .right .options .option label{position:relative; top:2px; width:78px; line-height: 22px; margin-right:0; font-size:16px}
.product-info .option ul li{margin:2px 1px}
.scroll-top{bottom:70px;right:15px}
}